import React, { useContext } from 'react';
import { ColorContext, UPDATE_COLOR } from './color';

function Buttons() {
  const {dispatch} = useContext(ColorContext);
  return (
    <div>
      <button onClick={() => {dispatch({type: UPDATE_COLOR, color: "red"})}}>红色</button>
      <button onClick={() => {dispatch({type: UPDATE_COLOR, color: "yellow"})}}>黄色</button>
    </div>
  )
}

export default Buttons;